import userImg from '@/assets/theme/default.jpg'
import { Bubble } from '@ant-design/x';

const QuestionContent = ({ application, chatRecord }) => {
    return (
        <div className="item-content mb-16 lighter question">
            <div className="content">
                <Bubble typing
                    content={chatRecord.problem_text}>
                </Bubble>
            </div>
            <div className="avatar">
                {application.user_avatar ? (
                    <img src={application.user_avatar} alt="" style={{ width: '32px', height: '32px', display: 'block' }} />
                ) : (
                    <img src={userImg} style={{ width: '32px', height: '32px', display: 'block' }} alt="" />
                )}
            </div>
        </div>
    );
};

export default QuestionContent;